<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
	contentType="text/html; charset=UTF-8"%>
<%@ include file="/v1/h5/pages/public/PChead.jsp"%>
	<div id="homepage">
		<div class="banner_scroll clearfix">
            <div class="slide_01" id="slide_01">
                <%-- <div class="mod_01"><a href="#ldhLogin"><img src="${ctx}/v1/h5/img/51352100.jpg" alt="腾讯视频"></a></div>
                <div class="mod_01"><a href="#ldhStore"><img src="${ctx}/v1/h5/img/50849301.jpg" alt="神雕侠侣"></a></div>
                <div class="mod_01"><a href="#ldhStoreList"><img src="${ctx}/v1/h5/img/54330800.jpg" alt="装机必备"></a></div>
                <div class="mod_01"><a href="#ldhMine"><img src="${ctx}/v1/h5/img/21651800.jpg" alt="优酷视频播放器"></a></div>
                <div class="mod_01"><a href="#"><img src="${ctx}/v1/h5/img/52208700.jpg" alt="天翼精品"></a></div>
                <div class="mod_01"><a href="#"><img src="${ctx}/v1/h5/img/02856300.jpg" alt="梦想海贼王(送路飞)"></a></div>
                <div class="mod_01"><a href="#"><img src="${ctx}/v1/h5/img/92191400.jpg" alt="折800"></a></div>
                <div class="mod_01"><a href="#"><img src="${ctx}/v1/h5/img/44452000.jpg" alt="安全管家"></a></div>  --%>
            </div>
            <div class="dotModule_new">
                <div id="slide_01_dot"></div>
            </div>
        </div>
		<div id="dialogContainer" onclick="doDialogContainer()"></div>
			<div class="loginDialog" id="ldhLogin">
			<!-- 接受参数 -->
				<input type="hidden" id="fromPage" value="ldhMine" />
				<input type="hidden" id="shopId" value="" />
				<input type="hidden" id="merchandiseId" value="" />
				<div style="width: 350px; height: 60px; border-radius: 10px;">
					<ul style="float: left; line-height: 70px; margin-left: 20px; font-family: '微软雅黑'; font-size: larger;">登录</ul>
					<ul style="float: right; line-height: 20px; margin-top: 20px; margin-right: 20px; text-align: center;">
						<li style="list-style-type: none; font-family: '微软雅黑'; font-size: medium;" onclick="forgetPassword()">忘记密码</li>
						<li style="list-style-type: none; font-family: '微软雅黑'; font-size: small; display: none;" id="NoUser">用户不存在</li>
					</ul>
				</div>
				<div style="width: 350px; height: 200px;">
				<div class="login_mobile"><input id="login_mobile" type="text" placeholder="请输入手机号码" /></div>
				<div class="login_password"><input id="login_password" type="password" placeholder="请输入密码" /></div>
					<button onclick="doDialogRegister()" id="dialogRegister">注册</button>
					<button onClick="$ldh_login.login()" id="dialogLogin">登录</button>
				</div>
				<script type="text/javascript">
					seajs.use([ ctx + '/v1/h5/js/custom/login/module-login.js?'
							+ Date.parse(new Date()) ], function(m) {
						m.init(m);
						
					});
				</script>
			</div>

			
			
			<div class="registerDialog" id="ldhRegister">
				<div>
					<ul style="margin-left: 20px; line-height: 60px; float: left; font-family: '微软雅黑'; font-size: x-large;">注册</ul>
					<ul style="margin-right: 25px; margin-top: 30px;  float: right; font-family: '微软雅黑'; display:none; font-size: small; color: #FF0000;" id="rightNumber">请填写正确的手机号码</ul>
				</div>
				
					<input type="text" class="InputPhone" placeholder="请输入手机号码" id="register_mobile" />
				
				
					<input type="text" placeholder="输入短信验证码" id="register_validateCode" />
					<button data-role="none" type="button" id="btn_request_code" onclick="$ldh_register.validateMobile('#register_mobile','#btn_request_code')">免费获取验证码</button>
				
				
					<input type="password" class="registerPassword" placeholder="请输入密码（6~20个字符）" id="register_password" />
				
					
						<input type="checkbox" onclick="$ldh_register.agree(this)" id="cb_agree" class="checkbox" /> 
						<div style="margin-top:-43px; margin-left:25px; height:30px">
							<span style="margin-left:50px;">我已阅读并同意</span>	
						</div>
						<div style="margin-left:30px; height:20px">
							<a href="registerAgreement.jsp" style="text-decoration: none; font-size: small; cursor:pointer; display:block">《云便利商店用户协议》</a>
						</div>
				
					<button type="button" data-role="none" onclick="$ldh_register.register()" class="register">注册</button>
				
				<script type="text/javascript">
						seajs.use([ ctx + '/v1/h5/js/custom/register/module-register.js?'
							+ Date.parse(new Date()) ], function(m) {
						m.init(m);
					});
				</script>
			</div>
		
		<div class="DivContainer">

			<header>
				<div class="div_icon">
					<img src="v1/pages/img/icon/world.png" width="50px" height="50px" />
					<ul>
						<h2>云便利</h2></ul>
				</div>		
				<div class="line"></div>
				<div class="headerAddress">
					<img src="v1/pages/img/icon/Location_32px.png" onclick="$ldh_base.refreshLocation()"/>
					<div class="setAddress">
						<ul class="icon_arrowdown" data-transition = "none" data-role = "none" id="address">定位中......</ul>													
						<p onclick="clearHistory()">清空历史记录</p>
					</div>
					<a href="/mall/h5/location.shtml"><li class="headerChangeAddress">【更改位置】</li></a>
					
				</div>
				<div class="headerSearch">
					<div class="headerSearchDialog">
						<div class="searchClass">
							<span id="spanClass">商品</span>
							<img src="v1/pages/img/icon/img04_11.png" />
							<ul>
								<li onclick="doClickGoods()">商品</li>								
								<li onclick="doClickShop()">店铺</li>
								<li onclick="doClickAddress()">地址</li>
							</ul>
						</div>
						<input id="searchInput" type="text" placeholder="请输入搜索位置" />
						<button id="searchButton" value="" onclick="searcShopByAddress()">搜索</button>
					</div>
				</div>
			</header>
			<nav>
				<ul>
					<li>
						<h2>我</h2></li>
					<li>
						<h2>们</h2></li>
					<li>
						<h2>的</h2></li>
					<li>
						<h2>努</h2></li>
					<li>
						<h2>力</h2></li>
					<li>
						<h2>，</h2></li>
					<li>
						<h2>只</h2></li>
					<li>
						<h2>为</h2></li>
					<li>
						<h2>让</h2></li>
					<li>
						<h2>您</h2></li>
					<li>
						<h2>更</h2></li>
					<li>
						<h2>便</h2></li>
					<li>
						<h2>利</h2></li>
					<li>
						<h2>。</h2></li>
				</ul>
			</nav>

			<div class="DivCenterContainer">
				<div class="DivCenterContainerLeft">
					<aside class="aside">
						<div class="imgDiv">
							<a href="http://www.storeme.cn/mall/h5/shopList/1.shtml">
								<img src="v1/pages/img/images/food.png" style="height: 280px; border-radius: 8px;" />
							</a>
						</div>
						<div class="foodDiv">
							<div>
								<a href="/mall/h5/shopList.shtml"><span class="foodSpan">FOOD/餐饮美食</span></a>
								<a href="/mall/h5/shopList/1.shtml"><span class="foodSpan1">尝遍世间美食......</span>	</a>
							</div>
							<div class="foodDivClass">
								<div class="a">
									<img src="v1/pages/img/icon/tiandian.png" style="width: 40px; border-radius: 60px;" />
									<a class="aMousse">
										<ul>甜品</ul>
									</a>
								</div>
								<div class="a">
									<img src="v1/pages/img/icon/shousi.png" style="width: 40px; border-radius: 60px;" />
									<a class="aJapan">
										<ul>日韩</ul>
									</a>
								</div>
								<div class="a">
									<img src="v1/pages/img/icon/zhongcan.png" style="width: 40px; border-radius: 60px;"/>
									<a class=" chineseFood "><ul>中餐</ul></a>
								</div>
								<div class="a ">
									<img src="v1/pages/img/icon/xican.png " style="width: 40px; border-radius: 60px;"/>
									<a class="europeanFood">
										<ul>西餐</ul>
									</a>
								</div>
							</div>
						</div>
					</aside>
					<article>
						<div class="ArticleLeft">
							<div>
								<a href="/mall/h5/shopList/2.shtml">
									<img src="v1/pages/img/images/goods.png" style="width: 315px; border-radius: 8px; cursor: pointer; position:relative;" />
								</a>
							</div>
							<div class="goodsClass">
								<div>
									<a href="/mall/h5/shopList/2.shtml"><span class="goodsSpan">GOODS/超市便利</span></a>
									<a href="/mall/h5/shopList/2.shtml"><span class="goodsText">你能想到、就能买到......</span></a>
								</div>
								<div>
									<a>
										<li class="liYunBianLi">云便利</li>
									</a>
									<a>
										<li class="LiGoods">商场超市</li>
									</a>
									<a>
										<li class="LiOther">其他卖场便利</li>
									</a>
								</div>
							</div>
						</div>
						<div class="ArticleRight">
							<div>
								<a href="/mall/h5/shopList/50.shtml">
									<img src="v1/pages/img/images/greens.png" style="width: 315px; border-radius: 8px; cursor: pointer; position:relative;" />
								</a>
							</div>
							<div class="fruitageClass">
								<div>
									<a href="/mall/h5/shopList/50.shtml"><span class="fruitageSpan">FRUITAGE/生鲜时蔬</span></a>
									<a href="/mall/h5/shopList/50.shtml"><span class="fruitageText">水果、蔬菜、肉类、零食......</span></a>
								</div>
								<div>
									<ul>
										<a>
											<li class="fruitageLi1">水果</li>
										</a>
										<a>
											<li class="fruitageLi2">厨房生鲜</li>
										</a>
										<a>
											<li class="fruitageLi3">粮油调味</li>
										</a>
									</ul>
									<ul>
										<a>
											<li class="fruitageLi4">时蔬</li>
										</a>
										<a>
											<li class="fruitageLi5">零食特产</li>
										</a>
										<a>
											<li class="fruitageLi6">特色水产</li>
										</a>
									</ul>
									<ul>
										<a>
											<li class="fruitageLi7">饮品</li>
										</a>
										<a>
											<li class="fruitageLi8">速冻熟食</li>
										</a>
										<a>
											<li class="fruitageLi9">其他生鲜</li>
										</a>
									</ul>
								</div>
							</div>
						</div>
					</article>
				</div>

				<div class="DivCenterContainerRight">
					<section class="section1">
						<a><img src="v1/pages/img/images/login1.png" style="width: 330px; border-radius: 8px; cursor: pointer; position:relative;" /></a>
						<div class="section1Div">
							<div class="loginDiv">
								<a><span onclick="doLogin()" style="text-decoration:none;">登录</span></a>
								<a><span>|</span></a>
								<a><span onclick="doRegister()" style="text-decoration:none;">注册</span></a>
							</div>
							<a>
								<ul>我要开店</ul>
							</a>
							<div>
								<div class="lineDiv1"></div>
								<div class="MyOrderForm">
									<div>
										<img src="v1/pages/img/icon/myorderform.png" style="height: 30px; margin-top: 10px; margin-left: 20px;" />
									</div>
									<div>
										<span>我的订单</span>
									</div>
									<div>
										<img src="v1/pages/img/icon/img03_14.png" style="margin-top: 13px; margin-left: 170px;" />
									</div>
								</div>
								<div class="lineDiv2"></div>
								<div class="MyCollect">
									<div>
										<img src="v1/pages/img/icon/mycollect.png" style="width: 25px; height: 30px; margin-top: 10px; margin-left: 21px;" />
									</div>
									<div>
										<span>我的收藏</span>
									</div>
									<div>
										<img src="v1/pages/img/icon/img03_14.png" style="margin-top: 15px; margin-left: 170px;" />
									</div>
								</div>
							</div>
						</div>
					</section>
					<section class="section2">
						<div>
							<a href="/mall/h5/shopList/5.shtml">
								<img src="v1/pages/img/images/plane1.png" style="width: 330px; border-radius: 8px; position:relative; cursor: pointer;" />
							</a>
						</div>
						<div class="expressDiv">
							<div>
								<a href="/mall/h5/shopList/5.shtml" style="text-decoration:none;"><span class="expressSpan">EXPRESS/跑腿服务</span></a>
								<a href="/mall/h5/shopList/5.shtml" style="text-decoration:none;"><span class="expressText">快递、代步、一键搞定......</span></a>
							</div>
							<div>
								<ul>
									<a>
										<li class="expressLi1">寄件</li>
									</a>
									<a>
										<li class="expressLi2">物流</li>
									</a>
									<a>
										<li class="expressLi3">其他跑腿</li>
									</a>
								</ul>
							</div>
						</div>
					</section>
				</div>
			</div>

			<div class="DivCenterContainerDown">
			
			
				<div class="DivCenterContainerDownLeft">
					<div>
						<a href="/mall/h5/shopList/3.shtml">
							<img src="v1/pages/img/images/service.png" style="height: 260px; position: relative; border-radius: 8px; float: left; cursor: pointer;" />
						</a>
					</div>
					<div class="serviceContent">
						<div>
							<a href="/mall/h5/shopList/3.shtml"><span class="serviceSpan">SERVICES/生活服务</span></a>
							<a href="/mall/h5/shopList/3.shtml"><span class="serviceText">朋友、有什么可以帮你的吗？</span></a>
						</div>
						<div>
							<ul>
								<a>
									<li class="serviceLi1">家政服务</li>
								</a>
								<a>
									<li class="serviceLi2">社区服务</li>
								</a>
							</ul>
							<ul>
								<a>
									<li class="serviceLi3">汽车服务</li>
								</a>
								<a>
									<li class="serviceLi4">律师服务</li>
								</a>
							</ul>
							<ul>
								<a>
									<li class="serviceLi5">娱乐服务</li>
								</a>
								<a>
									<li class="serviceLi6">其他服务</li>
								</a>
							</ul>
						</div>
					</div>
				</div>
				<div class="DivCenterContainerDownRight">
					<div>
						<a href="/mall/h5/shopList/4.shtml">
							<img src="v1/pages/img/images/lamp.png" style="height: 260px; position: relative; border-radius: 8px; float: left; cursor: pointer;" />
						</a>
					</div>
					<div class="lampDiv">
						<div>
							<a href="/mall/h5/shopList/4.shtml"><span class="lampSpan">SPECIAL/特色专卖</span></a>
							<a href="/mall/h5/shopList/4.shtml"><span class="lampText">特别的爱、给特别的你!!!</span></a>
						</div>
						<div>
							<ul>
								<a>
									<li class="lampLi1">各种特色专卖</li>
								</a>
							</ul>
							<ul>
								<a>
									<li class="lampLi2">家居建材</li>
								</a>
								<a>
									<li class="lampLi3">数码家电</li>
								</a>
							</ul>
							<ul>
								<a>
									<li class="lampLi4">母婴用品</li>
								</a>
								<a>
									<li class="lampLi5">服饰鞋包</li>
								</a>
								<a>
									<li class="lampLi6">护理化妆</li>
								</a>
							</ul>
						</div>
					</div>
				</div>
			</div>
		
			<div class="OtherDiv" style="width: 1000px; height: 370px; background: #FFFFFF;">
	        	<div class="OtherDivTop">
	        		<div>
	        			<img src="v1/pages/img/icon/ok.png"/>
	        			<ul>
	        				<li><h3>正品保障</h3></li>
	        				<li>正品行货，放心选购</li>
	        			</ul>
	        		</div>
	        		<div style="margin-left: 20px;">
	        			<img src="v1/pages/img/icon/baoyou.png"/>
	        			<ul>
	        				<li><h3>满100包邮</h3></li>
	        				<li>满100，免费送</li>
	        			</ul>	        			
	        		</div>
	        		<div style="margin-left: 20px;">
	        			<img src="v1/pages/img/icon/shouhou.png"/>
	        			<ul>
	        				<li><h3>售后无忧</h3></li>
	        				<li>7天无理由退货</li>
	        			</ul>
	        		</div>
	        		<div style="margin-left: 20px;">
	        			<img src="v1/pages/img/icon/zhunshi.png"/>
	        			<ul>
	        				<li><h3>准时送达</h3></li>
	        				<li>送货时间你说了算</li>
	        			</ul>
	        		</div>
	        		<div style="width: 1000px; height: 1px; background-color: #C0C0C0;"></div>
	        	</div>
	        
	        	<div class="OtherDivCenter">
	        		<div>
	        			<ul style="margin-left: 25px;">
	        				<li style="font-family: '微软雅黑'; font-size: large;">新手入门</li>
	        				<li><a href="registerAgreement.jsp">购物流程</a></li>
	        				<li><a href="registerAgreement.jsp">会员制度</a></li>
	        				<li><a href="registerAgreement.jsp">订单查询</a></li>
	        				<li><a href="registerAgreement.jsp">发票制度</a></li>
	        				<li><a href="registerAgreement.jsp">常见问题</a></li>
	        				<li></li>
	        			</ul>
	        		</div>
	        		<div style="margin-left: 18px;">
	        			<ul style="margin-left: 10px;">
	        				<li style="font-family: '微软雅黑'; font-size: large;">支付方式</li>
	        				<li><a href="registerAgreement.jsp">货到付款</a></li>
	        				<li><a href="registerAgreement.jsp">网上支付</a></li>
	        				<li><a href="registerAgreement.jsp">银行转账</a></li>
	        				<li><a href="registerAgreement.jsp">礼品支付卡</a></li>
	        				<li><a href="registerAgreement.jsp">其他支付</a></li>
	        				<li></li>
	        			</ul>
	        		</div>
	        		<div style="margin-left: 16px;">
	        			<ul>
	        				<li style="font-family: '微软雅黑'; font-size: large;">配送服务</li>
	        				<li><a href="registerAgreement.jsp">配送范围及运费</a></li>
	        				<li><a href="registerAgreement.jsp">配送进度查询</a></li>
	        				<li><a href="registerAgreement.jsp">自提服务</a></li>
	        				<li><a href="registerAgreement.jsp">商品验货与签收</a></li>
	        				<li></li>
	        				<li></li>
	        			</ul>
	        		</div>
	        		<div style="margin-left: 18px;">
	        			<ul style="margin-left: 15px;">
	        				<li style="font-family: '微软雅黑'; font-size: large;">售后保障</li>
	        				<li><a href="registerAgreement.jsp">退换货政策</a></li>
	        				<li><a href="registerAgreement.jsp">退换货流程</a></li>
	        				<li><a href="registerAgreement.jsp">退款说明</a></li>
	        				<li><a href="registerAgreement.jsp">延保说明页面</a></li>
	        				<li><a href="registerAgreement.jsp">联系客服</a></li>
	        				<li></li>
	        			</ul>
	        		</div>
	        		<div style="margin-left: 20px;">
	        			<ul style="margin-left: 20px;">
	        				<li style="font-family: '微软雅黑'; font-size: large;">商家合作</li>
	        				<li><a href="registerAgreement.jsp">商家入驻</a></li>
	        				<li><a href="registerAgreement.jsp">商必赢</a></li>
	        				<li><a href="registerAgreement.jsp">平台规则</a></li>
	        				<li><a href="registerAgreement.jsp">企业采购</a></li>
	        				<li></li>
	        				<li></li>
	        			</ul>
	        		</div>
	        		<div style="margin-left: 10px; width: 150px;">
	        			<li><h3>APP更优惠</h3></li>
						<img src="v1/pages/img/icon/two_code.png"/>
	        		</div>
	        		<div style="margin-left: 10px; width: 150px;">
	        			<li><h3>加微信查订单</h3></li>
						<img src="v1/pages/img/icon/two_code1.png"/>
	        		</div>
        		</div>
        		
        		<div class="OtherDivDown">
        			<ul>
        				<li><a href="registerAgreement.jsp">关于云便利</a></li>
        				<li><a href="registerAgreement.jsp">我们的团队</a></li>       				
        				<li><a href="registerAgreement.jsp">云便利新品</a></li>
        				<li><a href="registerAgreement.jsp">供应商登录</a></li>
        				<li><a href="registerAgreement.jsp">云便利社区</a></li>
        				<li><a href="registerAgreement.jsp">开放平台</a></li>
        				<li><a href="registerAgreement.jsp">网站联盟</a></li>
        				<li><a href="registerAgreement.jsp">热门搜索</a></li>
        				<li><a href="registerAgreement.jsp">友情链接</a></li>
        				<li><a href="registerAgreement.jsp">商家登录</a></li>
        			</ul>
        		</div>
        	</div>
		</div>
		
		</div>

		<!--
        	作者：349135044@qq.com
        	时间：2016-07-06
        	描述：height: 320px;
        -->
		<footer style="width: auto; height: 60px; background-color: #FFFFFF;">
			<div style="margin-top: 10px;">
				<span>Copyright © 2016 广州欧凌网络科技有限公司  版权所有 </span><br />
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>云便利</span>&nbsp;
				<span style="cursor: pointer;" onclick="document.location='http://www.miitbeian.gov.cn'">粤ICP备16042955号-1</span>
			</div>			
		</footer>
	</div>
	<script type="text/javascript">
		seajs.use([ctx+'/v1/h5/js/custom/index/module-index.js?'+Date.parse(new Date()),ctx+'/v1/h5/js/custom/base/component-base.js?'+Date.parse(new Date())],function(m,b){
	
		b.init(b);
		
		m.init(m);	
	
	});

		document.title="云便利";
	</script>
<%@ include file="/v1/h5/pages/public/PCfooter.jsp"%>